<template>
    <view>
        <view class="img">
            <image src="/static/img-2@2x.png" mode="" class="resized-image"></image>
        </view>
        <view class="top-msg">
            <text class="msg">
                您已成功加入队伍<br>
                无需继续申请
            </text>
        </view>

        <view class="btnview">
            <uni-row>
                <uni-col :span="20" :offset="2">
                    <button @click="toApply" class="button" type="primary"><text
                        class="button-text">前往查看</text></button>
                </uni-col>
            </uni-row>
        </view>
    </view>
</template>

<script setup>
import{
    ref
}from 'vue'
let toApply = function() {
    uni.navigateTo({
        url: '/pages/Student-player/Approval-team'
    })
}

</script>

<style>
.top-msg{
    text-align: center;
    margin-top: 20px;
}
.msg {
    font-family: "PingFangSC-Regular";
    font-weight: 400;
    font-size: 16px;
    color: #212121;
    text-align: center;
}

.img {
    text-align: center;
    margin-top: 150px;
}
.resized-image{
    width: 150px;
    height: 150px;
}
.button-text {
    width: 88px;
    height: 25px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.button {
    width: 166px;
    height: 45px;
    background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
    border-radius: 6px;
}

.btnview {
    margin-top: 50px;
}

.top {
    height: 119px;
    background: linear-gradient(180.00deg, #ffffff 0%, #f5f5f5 100%);
}
</style>
